
import './App.css';
import React from 'react';
import Top from './components/Top'
import Input from './components/Input'
import Banner2 from './components/Banner2'
import Two from './components/Two'
import Bottom from './components/Bottom'



class App extends React.Component {
    constructor(props) { //在constructor中对组件状态进行初始化
        super(props);
        this.state = { //初始化组件状态

        }
    }

    render() { //render是必须的, render中必须通过return返回 组件模板
        return (
            <div className="App">
                {/* 渲染Top组件 */}
                <Top />
                {/* 渲染Input组件 */}
                <Input />
                {/* 渲染广告组件 */}
                <Banner2 />
                {/* 渲染商品组件 */}
                <Two />
                {/* 渲染底部导航组件 */}
                <Bottom />

            </div>
        )
    }
}
export default App;
